<template>
    <div class="signature"> 
        <template v-if="props.status == 2">
            <template v-if="props.businessRoleEnum == 5"><img :src="DFSure" alt=""></template>
            <template v-if="props.businessRoleEnum == 10"><img :src="Sure" alt=""></template>
        </template>
        <template v-else-if="props.status == 3">
            <template v-if="props.businessRoleEnum == 5"><img :src="ToSigned" alt=""></template>
            <template v-if="props.businessRoleEnum == 10"><img :src="ToSigned" alt=""></template>
        </template>
        <template v-else-if="props.status == 40">
            <template v-if="props.currentNodeType == 10"><img :src="cancelConfirmation" alt=""></template>
            <template v-else-if="props.currentNodeType == 15"><img :src="cancelRefused" alt=""></template>
            
        </template>
    </div>
</template>
<script lang="ts" setup>
import {ref} from 'vue'
import Sure from '@/assets/signature/sure.png' // 待确认
import DFSure from '@/assets/signature/dfSure.png' // 待对方确认
import Passed from '@/assets/signature/passed.png' // 已通过
import ToSigned from '@/assets/signature/toSigned.png' //待签署
import Rejected from '@/assets/signature/rejected.png' // 已驳回
import PendingApproval from '@/assets/signature/pendingApproval.png' //待审核
import Refused from '@/assets/signature/refused.png' // 已拒绝
import OtherConfirmed from '@/assets/signature/otherConfirmed.png' //对方已确认
import cancelConfirmation from '@/assets/signature/cancelConfirmation.png'  //取消待确认
import cancelRefused from '@/assets/signature/cancelRefused.png'  //取消已拒绝
const props = defineProps({
    status: {  //订单当前所处步骤 // status 2:待确认 3:待签署 5:待开提箱单 10:待提[待提未付/待提已付] 15:已提[已提未付/已提已付] 20：待还[待还已付/待还未付] 25：已还[已还已付/已还未付] 30：已完成
        type: Number,
        default: 2
    },
    businessRoleEnum:{
        type: Number,
        default: 0
    },
    currentNodeType:{
        type: Number,
        default: 0
    }
})

</script>
<style lang="scss" scoped></style>